<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/index.js"></script>
    <title>餐厅后台管理系统</title>
  </head>
  <body>
    <div class="box">
      <div class="top_nav">
        <div class="wrap">
          <p class="title">餐厅管理</p>
          <p class="user">个人中心</p>
          <p class="quit">退出</p>
          <div style="clear: both;"></div>
        </div>
      </div>
      <div class="main_body">
        <div class="wrap">
          <div class="left_menu">
              <p class="left_menu_content">菜品管理</p>
              <p class="left_menu_content">订单信息</p>
              <p class="left_menu_content">用户</p>
              <!-- <ul>
                <li></li>
                <li></li>
                <li></li>
              </ul> -->
          </div>
          <div class="right_menu">
              <div class="right_menu_box">
                  <p class="putName">食物名或描述：
                      <input type="text" id="put_name">
                  </p>
                  <button id="search">搜索</button>
                  <div id="add_content">
                    <!-- 序号：
                    <input type="text" id="add1" size="10"> -->
                    菜名：
                    <input type="text" id="add1" size="10"/>
                    价格:
                    <input type="text" id="add2" size="10"/>
                    描述：
                    <input type="text" id="add3" size="10"/>
                    类型：
                    <input type="text" id="add4" size="10"/>
                    <button id="add">新增</button>
                  </div>
                  <table id="table">
                    <thead>
                      <tr>
                        <!-- <th>序号</th> -->
                        <th>菜品</th>
                        <th>价格</th>
                        <th>描述</th>
                        <th>类型</th>
                        <th>操作</th>
                      </tr>
                    </thead>
                    <tbody class="tbody">
                      
                    </tbody>
                  </table>
                  <div class="turn_page">
                      
                  </div>
                  <div id="change1" class="table_box">
                    <div class="table_box_content"><input type="text" id="change1_1" size="16"/></div>
                    <div class="table_box_content"><input type="text" id="change1_2" size="16"/></div>
                    <div class="table_box_content"><input type="text" id="change1_3" size="16"/></div>
                    <div class="table_box_content"><input type="text" id="change1_4" size="16"/></div>
                    <div class="table_box_content">
                      <a href="javascript:;" id="sure">确定</a>
                      <a href="javascript:;" id="chance">取消</a>
                    </div>   
                  </div>
              </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
